<template>
	<view>
		<view
			class="titleBox"
			style="	height: 128rpx;
			background-color: #fff;
			display: flex;
			line-height: 128rpx;
			font-size: 24rpx;
			padding-left: 10rpx;
			position: relative;
			
			.titleReturn{
				position: absolute;
				left: 0rpx;"
		>
			<view class="titleReturn">
				<uni-icons custom-prefix="iconfont" type="icon-xiangzuojiantou" style="font-size: 35rpx; margin-left: 0rpx" size="10"></uni-icons>
				返回
			</view>
			<view class="titleText" style="position: absolute; left: 50%; transform: translateX(-50%)">修改手机号</view>
		</view>
		<view class="phoneone">
			<view class="pe-top">
				<uni-icons custom-prefix="iconfont" type="icon-dianhua" style="color: #c4573d; font-size: 40rpx" size="30"></uni-icons>
				<input type="text" placeholder="1352256671" />
			</view>
			<view class="pe-bottom">
				<view class="yan">
					<uni-icons custom-prefix="iconfont" type="icon-xiugaimima" style="color: #13c34c; font-size: 40rpx" size="30"></uni-icons>
					<input type="text" placeholder="输入验证码" />
				</view>
				<view class="a">获取验证码</view>
			</view>
		</view>
		<view class="btn" @click="phonetwo">下一步</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		phonetwo() {
			uni.navigateTo({
				url: '/pages/pagesmember/member/phonetwo'
			});
		}
	}
};
</script>

<style lang="less">
@import url('../../../static/less/pagesmember/member/phoneone.less');
</style>
